import { Dialog, Radio, RadioGroup, Field } from 'vant';
import { defineComponent, onMounted, onUnmounted, reactive, Ref, ref, toRaw } from 'vue';

export default defineComponent({
  name: 'reject',
  props: {
    setRadioText: {
      type: Function,
      default: (name: string) => {}
    }
  },
  setup(props) {
    const checked = ref('不是本讲内容，讲次交错啦');
    props.setRadioText('不是本讲内容，讲次交错啦');
    return () => (
      <div class="w-full h-r30">
        <RadioGroup
          v-model={checked.value}
          onChange={(name) => {
            props.setRadioText(name);
          }}
        >
          <div class={'text-left'}>
            {' '}
            <Radio name="不是本讲内容，讲次交错啦">不是本讲内容，讲次交错啦</Radio>
          </div>
          <div class={'text-left'}>
            {' '}
            <Radio name="太模糊了，老师用了洪荒之力也看不清楚">太模糊了，老师用了洪荒之力也看不清楚</Radio>
          </div>
          <div class={'text-left'}>
            {' '}
            <Radio name="顺序出错了，要按照题目顺序提交哦">顺序出错了，要按照题目顺序提交哦</Radio>
          </div>
          <div class={'text-left'}>
            {' '}
            <Radio name="你有题目漏拍了">你有题目漏拍了</Radio>
          </div>
          <div class={'text-left'}>
            {' '}
            <Radio name="不完整呀，只拍了一半题目">不完整呀，只拍了一半题目</Radio>
          </div>
          <div class={'text-left'}>
            {' '}
            <Radio name="题目拍重复了">题目拍重复了</Radio>
          </div>
          <div class={'text-left'}>
            {' '}
            <Radio name="其他">其他</Radio>
          </div>
        </RadioGroup>
      </div>
    );
  }
});
